@rem: 50rem;
* {
  margin: 0;
  border: 0;
  padding: 0;
}

body {
  background-color: #f4f4f4;
}

.box {
  background-color: #FFFFFF;
  width: 710/@rem;
  border-radius: 40/@rem;
  margin: 175/@rem 20/@rem 0 20/@rem;
  padding-top: 45/@rem;

  .label {
    margin: 0 45/@rem;
    font-size: 34/@rem;
    line-height: (34+20)/@rem;
    color: #666;
  }

  .item {
    padding-left: 45/@rem;
    padding-top: 35/@rem;

    .verify-code {
      width: 310/@rem;
      height: 66/@rem;
      font-size: 34/@rem;
      line-height: 34/@rem;

    }
    .get-verify {
      width: 236/@rem;
      height: 66/@rem;
      font-size: 34/@rem;
      color: #666;
      background-color: #FFFFFF;
      border: black solid 1/@rem;
      border-radius: 10/@rem;
      float: right;
      margin-right: 50/@rem;
    }

    .get-verify:active{
      background-color: #808080;
      color: white;
    }

    .get-verify:disabled{
      background-color: #d6d6d6;
    }
}

  #ok {
    width: 710/@rem;
    height: 110/@rem;
    font-size: 40/@rem;
    color: #0d0d0d;
    margin-top: 35/@rem;
    border-bottom-left-radius: 40/@rem;
    border-bottom-right-radius: 40/@rem;
    background-color: #dadada;
  }

  #ok:active{
    background-color: #808080;
    color: white;
  }

}